<html  xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8" />
    <script src="js/jquery-2.2.3.min.js" type="text/javascript" th:src="@{/js/jquery-2.2.3.min.js}" ></script>

    <link href="css/common.css" rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
    <link href="css/product.css" rel="stylesheet" type="text/css" th:href="@{/css/product.css}"/>
    <title>一级类目下商品列表</title>
</head>

<body>
<div class="container header">
    <div class="span5">
        <div class="logo">
            <a href="http://localhost:8080/mango/">
                <img th:src="@{/image/yijiarenlog.jpg}" />
            </a>
        </div>
    </div>
    <div class="span9">
        <div class="headerAd">
            <img th:src="@{/image/header.jpg}" width="320" height="50" alt="正品保障" title="正品保障"/>
        </div>
    </div>
    <div th:replace="header :: header"></div>
    <div th:replace="menu :: menu"></div>
</div>
<div class="container productList">
    <div class="span6">
        <div class="hotProductCategory">
            <!-- 一级分类显示 -->
                <dl th:each="category:${categoryList}">
                    <dt>
                        <a th:href="@{'/sellerProduct/findProduct?page=1&amp;row=4&amp;categoryType='+${category.categoryType}}" th:text="${category.categoryName}"></a>
                    </dt>
                    <!-- 显示二级分类 -->

                    <!--<dd>
                        <a href="${path}/product/findProductByCsid?csid=${cs.csid}&pageNow=1">${cs.csname}</a>
                    </dd>-->

                </dl>

        </div>
    </div>
    <div class="span18 last">
        <form id="productForm" action="/image/蔬菜 - Powered By Mango Team.htm" method="get">
            <input type="hidden" id="brandId" name="brandId" value=""/>
            <input type="hidden" id="promotionId" name="promotionId" value=""/>
            <input type="hidden" id="orderType" name="orderType" value=""/>
            <input type="hidden" id="pageNumber" name="pageNumber" value="1"/>
            <input type="hidden" id="pageSize" name="pageSize" value="20"/>
            <div id="result" class="result table clearfix">
                <ul>

                        <li th:each="product:${pageInfo.list}">
                            <a th:href="@{'/sellerProduct/findProductByProductId?productId='+${product.productId}}">
                                <img th:src="${product.productIcon}" width="170" height="170"  style="display: inline-block;"/>
                                <span style='color:green' th:text=" ${product.productName}">

                                </span>
                                <span class="price" th:text="'商城价： ￥'+${product.productPrice}">

								</span>
                            </a>
                        </li>
                </ul>
            </div>
            <div class="pagination">
                <a th:if="${ pageInfo.pageNum } ne '1' " th:href="@{'/sellerProduct/findProduct?page=1&amp;categoryType='+${product.categoryType}}" class="firstPage">&nbsp;</a>
                <a  th:if="${ pageInfo.pageNum } ne '1' " th:href="@{'/sellerProduct/findProduct?categoryType='+${product.categoryType}+'&amp;page='+${pageInfo.pageNum-1}}" class="previousPage">&nbsp;</a>
                <!--<span th:each="i:${pageInfo.pages}">
                    <span th:if="${pageInfo.pageNum } eq ${i}" class="currentPage" th:text="${i}" ></span>
                    <a th:if="${pageInfo.pageNum } ne ${i}" th:href="@{'/sellerProduct/findProduct?categoryType='+${product.categoryType}+'&amp;page='+${i}}" th:text="${i}"></a>
                </span>-->
                <a th:if="${pageInfo.pageNum} ne ${pageInfo.pages}" class="nextPage" th:href="@{'/sellerProduct/findProduct?categoryType='+${product.categoryType}+'&amp;page='+${pageInfo.pageNum+1}}">&nbsp;</a>
                <a th:if="${pageInfo.pageNum} ne ${pageInfo.pages}" class="lastPage" th:href="@{'/sellerProduct/findProduct?categoryType='+${product.categoryType}+'&amp;page='+${pageInfo.pages}}">&nbsp;</a>
                <span th:text="'第'+${pageInfo.pageNum}+'/'+${pageInfo.pages}+'页'"></span>

            </div>
        </form>
    </div>
</div>
<div class="container footer">
    <div class="span24">
        <div class="footerAd">
            <img th:src="@{/image/footer.jpg}" width="950" height="52" alt="我们的优势" title="我们的优势" />
        </div>	</div>
    <div class="span24">
        <ul class="bottomNav">
            <li>
                <a >关于我们</a>
                |
            </li>
            <li>
                <a>联系我们</a>
                |
            </li>
            <li>
                <a >诚聘英才</a>
                |
            </li>
            <li>
                <a >法律声明</a>
                |
            </li>
            <li>
                <a>友情链接</a>
                |
            </li>
            <li>
                <a target="_blank">支付方式</a>
                |
            </li>
            <li>
                <a  target="_blank">配送方式</a>
                |
            </li>
            <li>
                <a >SHOP++官网</a>
                |
            </li>
            <li>
                <a >SHOP++论坛</a>

            </li>
        </ul>
    </div>
    <div class="span24">
        <div class="copyright">Copyright © 2005-2013 Mango商城 版权所有</div>
    </div>
</div>
</body>
</html>
